<div th:fragment="chakan">
<div id="tingboModal" style="" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-keyboard="false">
    <div class="modal-dialog modal-md" style="width:1000px;" id="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="tingboModalLabel"></h4>
            </div>
            <div class="modal-body" style="overflow: auto;" id="myModalBody">

                <div class="col-sm-12 search-collapse">
                    <form id="formId">
                        <div class="select-list">
                            <ul>
                                <li>
                                    <label>专家&nbsp;&nbsp;</label>
                                    <input type="text" v-model="search.zhuanjia"/>
                                </li>
                                <li>
                                    <label>特贴单位&nbsp;&nbsp;</label>
                                    <input type="text" v-model="search.deptname"/>
                                </li>

                                <li class="sousuo">
                                    <a class="btn btn-success btn-sm" @click="bindTingboList"><i class="fa fa-search"></i>&nbsp;搜索</a>
                                    <a class="btn btn-warning btn-sm" @click="reset"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                                </li>
                            </ul>
                        </div>
                    </form>
                </div>

                <div class="col-sm-12 select-table table-striped">
                    <table class="table table-hover table-primary table-striped">
                        <thead>
                        <tr>
                            <th style="text-align: center; vertical-align: middle;">序号</th>
                            <th style="text-align: center; vertical-align: middle;">专家</th>
                            <th style="text-align: center; vertical-align: middle;">经费批次名称</th>
                            <th style="text-align: center; vertical-align: middle;">特贴单位</th>
                            <th style="text-align: center; vertical-align: middle;">计发年月</th>
                            <th style="text-align: center; vertical-align: middle;">退款金额</th>
                            <th style="text-align: center; vertical-align: middle;">类别</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="(item,index) in tingboList"  v-if="tingboList.length > 0">
                            <td style="vertical-align: middle; text-align: center;" v-text="index+1"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="item.name"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="item.jingfeipiciname"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="item.beizhu9"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="item.nianyue.substring(0,7)"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="item.zongjine"></td>
                            <td style="vertical-align: middle; text-align: center;" :class="item.beizhu10==1?'green':'red'" v-text="item.beizhu10==1?'下级单位退款':'本单位待退款'"></td>
                        </tr>
                        <tr v-if="tingboList.length == 0">
                            <td style="text-align: center; vertical-align: middle" colspan="7">查无数据</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
</div>